﻿<%@ Page Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<Person>" %>
<%@ Import Namespace="JQueryForm.Models"%>

<asp:Content ID="indexHead" ContentPlaceHolderID="head" runat="server">
    <title>Home Page</title>    
    <script src="../../Scripts/jquery-1.3.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.form.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.blockUI.js" type="text/javascript"></script>
    <script src="../../Scripts/date.js" type="text/javascript"></script>
    <script src="../../Scripts/jquery.datePicker.js" type="text/javascript"></script>
    <script src="../../Scripts/spiffy.js" type="text/javascript"></script>
</asp:Content>

<asp:Content ID="indexContent" ContentPlaceHolderID="MainContent" runat="server">    
    <div>                        
        <div id="messages"></div>   
        <% using (Html.BeginForm()){ %>        
            <fieldset>
                <legend>Personal</legend>
                <div class="formitem">
                    <label for="FirstName">First Name:</label>
                    <%= Html.TextBox("FirstName", Model.FirstName, new { watermark = "First", title = "Please enter your first name." }) %>                    
                </div>
                <div class="formitem">
                    <label for="LastName">Last Name:</label>
                    <%= Html.TextBox("LastName", Model.LastName, new { watermark = "Last", title = "Please enter your last name." }) %>                
                </div>
                <div class="formitem">
                    <label for="DateOfBirth">Date of Birth:</label>
                    <%= Html.TextBox("DateOfBirth", Model.DateOfBirth, new { Class="date-pick", watermark = "mm/dd/yyyy" }) %>
                </div>
                <div class="formitem">
                    <label for="EmailAddress">Email Address:</label>
                    <%= Html.TextBox("EmailAddress", Model.EmailAddress, new { watermark = "name@example.com", title = "Please enter your e-mail address." })%>
                </div>
                <div class="formitem">
                    <label for="Street">Street:</label>
                    <%= Html.TextBox("Street", Model.Street, new { watermark = "Street", title = "Please enter your street address." })%>                
                </div>
                <div class="formitem">
                    <label for="City">City:</label>
                    <%= Html.TextBox("City", Model.City, new { watermark = "City", title = "Please enter your city." })%>                
                </div>
                <div class="formitem">
                    <label for="State">State:</label>
                    <%= Html.TextBox("State", Model.State, new { watermark = "State", title = "Please enter your state." })%>                
                </div>
                <div class="formitem">
                    <label for="PostalCode">Postal Code:</label>
                    <%= Html.TextBox("PostalCode", Model.PostalCode, new { watermark = "Postal Code", title = "Please enter your postal code." })%>                
                </div>
                <div class="submit">                
                    <input type="submit" name="Submit" />                
                </div>
            </fieldset>        
        <% } %>               
    </div>
        
</asp:Content>
